﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Dang-Ky.aspx.cs" Inherits="Dang_Ky" %>
<%@ Register
    Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <style type="text/css">
        .auto-style1 {
            width:252px;
            height:20px;
            padding-left:20px;
        }
        .auto-style2 {
            width:100%;
            height:20px;
            padding: 0 0 23px 15px;
        }
        .auto-style3 {
            width:130px;
            height:20px;
            padding-left:20px;
        }
        .auto-style4 {
            width:100%;
            padding: 0 0 23px 30px;
        }
        .button {
            background:none;
	        font:inherit;
	        color:inherit;
	        cursor:pointer;
        }
        .CssText {
            font-size:20px;
            color:#68C6D1;
        }
        .BarBorder_TextBox2{
            border-style:solid;
            border-width:1px;
            padding:2px 2px 2px 2px;
            width:200px;
            vertical-align:middle;
        }
        .BarIndicator_TextBox2_weak
        {
            color:Red;
            background-color:Red;
        }
        .BarIndicator_TextBox2_average
        {
            color:Blue;
            background-color:Blue;
        }
        .BarIndicator_TextBox2_good
        {
            color:Green;
            background-color:Green;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <section id="content" class="clearfix">
        <section id="page">
            <div id="pg-content" class="clearfix">
                <div id="content-title">
                    <font size="15px">
                        Đăng ký tài khoản
                    </font>
                </div>
                <font style="padding-left:25px;" size="4px" color="White">Lưu ý : Xin nhập đầy đủ thông tin tài khoản khi đăng ký. (*)</font>
                <asp:Label ID="lblThongBao" runat="server" Font-Size="17px" ForeColor="#66FF99"></asp:Label>
                <br /><br />
                <table>
                    <tr>
                        <td class="auto-style1">
                            <p class="contact-form-sender">
                                <asp:TextBox ID="txtCustomerName" runat="server" placeholder="Họ tên" />
                            </p>
                        </td>
                        <td class="auto-style2">
                            <asp:RequiredFieldValidator ID="rfvCustomerName" runat="server" ControlToValidate="txtCustomerName" Display="Dynamic" ErrorMessage="Họ tên không được rỗng" SetFocusOnError="True" Font-Size="20px" ForeColor="#68C6D1" ValidationGroup="DangKy">(*)</asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style1">
                            <p class="contact-form-sender">
                                <asp:TextBox ID="txtUserName" runat="server" placeholder="Tên đăng nhập" />
                            </p>
                        </td>
                        <td class="auto-style2">
                            <asp:RequiredFieldValidator ID="rfvUsername" runat="server" ControlToValidate="txtUserName" Display="Dynamic" ErrorMessage="Tên đăng nhập không được rỗng" SetFocusOnError="True" Font-Size="20px" ForeColor="#68C6D1" ValidationGroup="DangKy">(*)</asp:RequiredFieldValidator>
                        </td>                    
                    </tr>
                    <tr>
                        <td class="auto-style1">
                            <p class="contact-form-sender">
                                <asp:TextBox ID="txtPassword" TextMode="Password" runat="server" placeholder="Mật khẩu" />
                                <ajaxToolkit:PasswordStrength ID="PasswordStrength2" runat="server" TargetControlID="txtPassword"
                                    DisplayPosition="RightSide"
                                    StrengthIndicatorType="BarIndicator"
                                    PreferredPasswordLength="15"
                                    HelpStatusLabelID="lblPasswordStrength"
            
                                    StrengthStyles="BarIndicator_TextBox2_weak;BarIndicator_TextBox2_average;BarIndicator_TextBox2_good"
            
                                    BarBorderCssClass="BarBorder_TextBox2"
                                    MinimumNumericCharacters="1"
                                    MinimumSymbolCharacters="1"
                                    RequiresUpperAndLowerCaseCharacters="true" />
                            </p>
                            <p><asp:Label ID="lblPasswordStrength" runat="server" Font-Size="14px" ForeColor="#68C6D1"></asp:Label></p>
                        </td>    
                        <td class="auto-style2">
                            
                            <asp:RequiredFieldValidator ID="rfvPass" runat="server" ControlToValidate="txtPassword" Display="Dynamic" ErrorMessage="Mật khẩu phải nhập" SetFocusOnError="True" Font-Size="20px" ForeColor="#68C6D1" ValidationGroup="DangKy">(*)</asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="revPass" runat="server" ControlToValidate="txtPassword" Display="Dynamic" ErrorMessage="Mật khẩu chỉ được nhập từ 6 đên 15 ký tự và không có ký tự đặc biệt" ValidationExpression="[A-Za-z0-9]{6,15}" Font-Size="20px" ForeColor="#68C6D1"  SetFocusOnError="True" ValidationGroup="DangKy">(*)</asp:RegularExpressionValidator>
                        </td>                 
                    </tr>
                    <tr>
                        <td class="auto-style1">
                            <p class="contact-form-sender">
                                <asp:TextBox ID="txtConfirmPassword" TextMode="Password" runat="server" placeholder="Nhập lại mật khẩu" />
                            </p>
                        </td>    
                        <td class="auto-style2">
                            <asp:RequiredFieldValidator ID="RFV_ConfirmPassword" runat="server" ControlToValidate="txtConfirmPassword" Display="Dynamic" Font-Size="20px" ForeColor="#68C6D1" SetFocusOnError="true" ErrorMessage="Mật khẩu không được rỗng" ValidationGroup="DangKy">(*)</asp:RequiredFieldValidator>
                            <asp:CompareValidator ID="cv_ConfirmPassword" runat="server" ControlToCompare="txtPassword" ControlToValidate="txtConfirmPassword" Display="Dynamic" ErrorMessage="Nhập lại mật khẩu không đúng" SetFocusOnError="true" Font-Size="20px" ForeColor="#68C6D1" ValidationGroup="DangKy">(*)</asp:CompareValidator>
                            <asp:RegularExpressionValidator ID="revConfirmPassword" runat="server" ControlToValidate="txtConfirmPassword" Display="Dynamic" ErrorMessage="Mật khẩu không đúng yêu cầu nhập lại" ValidationExpression="[A-Za-z0-9]{6,15}" ValidationGroup="DangKy" Font-Size="20px" ForeColor="#68C6D1" SetFocusOnError="True">(*)</asp:RegularExpressionValidator>
                        </td>                 
                    </tr>
                    <tr>
                        <td class="auto-style1">
                            <p class="contact-form-sender">
                                <asp:TextBox ID="txtAddress" runat="server" placeholder="Địa chỉ" />
                            </p>
                        </td>  
                        <td class="auto-style2">
                            <asp:RequiredFieldValidator ID="RFV_Address" runat="server" ControlToValidate="txtAddress" Display="Dynamic" Font-Size="20px" ForeColor="#68C6D1" SetFocusOnError="true" ValidationGroup="DangKy">(*)</asp:RequiredFieldValidator>
                        </td>                   
                    </tr>
                    <tr>
                        <td class="auto-style1">
                            <p class="contact-form-sender">
                                <asp:TextBox ID="txtCity" runat="server" placeholder="Thành Phố" />
                            </p>
                        </td>  
                        <td class="auto-style2">
                            <asp:RequiredFieldValidator ID="RFV_City" runat="server" ControlToValidate="txtCity" Display="Dynamic" Font-Size="20px" ForeColor="#68C6D1" SetFocusOnError="true" ValidationGroup="DangKy">(*)</asp:RequiredFieldValidator>
                        </td>                    
                    </tr>
                    <tr>
                        <td class="auto-style1">
                            <p class="contact-form-sender">
                                <asp:TextBox ID="txtCountry" runat="server" placeholder="Quốc Gia" />
                            </p>
                        </td>   
                        <td class="auto-style2">
                            <asp:RequiredFieldValidator ID="RFV_Country" runat="server" ControlToValidate="txtCountry" Display="Dynamic" Font-Size="20px" ForeColor="#68C6D1" SetFocusOnError="true" ValidationGroup="DangKy">(*)</asp:RequiredFieldValidator>
                        </td>                 
                    </tr>
                    <tr>
                        <td class="auto-style1">
                            <p class="contact-form-sender">
                                <asp:TextBox ID="txtPhone" runat="server" placeholder="Số điện thoại liên lạc" />
                            </p>
                        </td>    
                        <td class="auto-style2">
                            <asp:RequiredFieldValidator ID="RFV_Phone" runat="server" ControlToValidate="txtPhone" Display="Dynamic" Font-Size="20px" ForeColor="#68C6D1" SetFocusOnError="true" ValidationGroup="DangKy">(*)</asp:RequiredFieldValidator>
                        </td>                   
                    </tr>
                    <tr>
                        <td class="auto-style1">
                            <p class="contact-form-sender">
                                <asp:TextBox ID="txtEmail" runat="server" placeholder="Địa chỉ Email" />
                            </p>
                        </td>  
                        <td class="auto-style2">
                            <asp:RequiredFieldValidator ID="RFV_Email" runat="server" ControlToValidate="txtEmail" Display="Dynamic" Font-Size="20px" ForeColor="#68C6D1" SetFocusOnError="true" ValidationGroup="DangKy">(*)</asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="REV_Email" runat="server" ControlToValidate="txtEmail" ErrorMessage="Email nhập không đúng định dạng" Font-Size="20px" SetFocusOnError="true" ForeColor="#68C6D1" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="DangKy">(*)</asp:RegularExpressionValidator>
                        </td>                   
                    </tr>
                </table>
                <div style="margin-left:20px">
                <table>
                    
                    <tr class="auto-style3">
                        <td>
                            <span class="button-met dark">
                                <asp:Button ID="btnSignUp" 
                                    CssClass="button" Text="Đăng ký tài khoản" 
                                    runat="server" BorderWidth="0px" OnClick="btnSignUp_Click" ValidationGroup="DangKy"/>
                            </span>

                            <span class="button-met dark">
                                <asp:Button ID="btnReset" 
                                    CssClass="button" Text="Reset" 
                                    runat="server" BorderWidth="0px" OnClick="btnReset_Click" CausesValidation="False" ValidationGroup="DangKy"/>
                            </span>
                        </td> 
                    </tr>
                    <tr>
                        <td class="auto-style4">
                            <asp:ValidationSummary ID="ValidationSummary2" 
                                runat="server" Font-Size="15px" ForeColor="#68C6D1" ValidationGroup="DangKy" />
                        </td>
                    </tr>
                   
                </table> 

                </div>
                
            </div>
        </section>

        <section id="sidebar">
            <div id="search" class="widget">
                <asp:TextBox ID="txtsearch" CssClass="search-field placeholder" name="sitesearch" placeholder="Tìm kiếm" runat="server" />
                <asp:Button ID="btnSearch" runat="server" BorderWidth="0px" type="submit" CssClass="search-submit" value=" " OnClick="btnSearch_Click" />
            </div>

            <div id="twitter" class="widget">
                <h5>Giỏ Hàng</h5>
                <table id="tweeter">
                    <tr>
                        <td align="left">
                            <img  src="Image/Giohang.gif"  /></td>
                        <td align="left">
                            &nbsp;<asp:HyperLink ID="HyperLink1" runat="server" ForeColor="Red" NavigateUrl="~/Gio-Hang.aspx" Text="Giỏ hàng của bạn"/>
                        </td>
                    </tr>
                    <tr>
                        <td align="left">
                            <img src="Image/Sotien.gif"  /></td>
                        <td align="left">
                            &nbsp;<asp:Label ID="lbSelected" runat="server" ForeColor="Red"></asp:Label></td>
                    </tr>
                </table>
            </div>

            <div id="recent-box" class="widget">
                <h5>Quảng Cáo</h5>
                    <ul class="articles-widget">
                    <li>
	                    <a href="http://error404.000webhost.com/?">
	                    <img src="../Image/images/articles/article1_med.jpg" alt="Article 1" />
                        <div class="title">Giảm giá cực sốc <br><span class="redtxt">Laptop chỉ có 5 triệu</span></div>
                        <div class="more"></div>
                        </a>
                    </li>
                    <li>
	                    <a href="http://error404.000webhost.com/?">
	                    <img src="../Image/images/articles/article2_med.jpg" alt="Article 2" />
                        <div class="title">Tặng phẩm sốc<br><span class="limetxt">USB 8GB Ram 2GB</span></div>
                        <div class="more"></div>
                        </a>
                    </li>
                    <li>
	                    <a href="http://error404.000webhost.com/?">
	                    <img src="../Image/images/articles/article3_med.jpg" alt="Article 3" />
                        <div class="title">Phiếu quà tặng<br><span class="tealtxt">Tiết kiệm hơn 15 triệu</span></div>
                        <div class="more"></div>
                        </a>
                    </li>
                    </ul>
            </div>
        </section>
    </section>
</asp:Content>

